<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML表单元素</title>
</head>
<body>
<form action="/Day02/HTML表单/1.html">
  <!--select元素定义下拉列表-->
  <select name="dance">
    <!--<option> 元素定义待选择的选项。列表通常会把首个选项显示为被选选项。-->
  <option value="breaking">breaking</option>
  <option value="popping">popping</option>
  <option value="jazzie">jazzie</option>
  <option value="locking">locking</option>
  </select>
  <br/><br/>
  <!--<textarea> 元素定义多行输入字段（文本域）-->
  <textarea name="message" rows="10" cols="40">
    breaking popping jazzie locking
  </textarea>
  <br/><br/>

  <!--HTML5表单元素-->
  <!--<datalist>元素为<input>元素规定预定义选项列表。用户会在他们输入数据时看到预定义选项的下拉列表。<input>元素的list属性必须引用 <datalist> 元素的 id 属性。-->
  <input list="dance">
  <datalist id="dance">
    <option value="breaking"></option>
    <option value="popping"></option>
    <option value="jazzie"></option>
    <option value="locking"></option>
  </datalist>
  <br><br>
  <input type="submit" onclick="alert(选择breaking)">
</form>
</body>
</html>